<template>
    <view class="app-order-express">
		<!--  :url="pageUrl" -->
       <!-- <app-jump-button>
           
        </app-jump-button> -->
		<view class='e-box dir-left-nowrap cross-center' @click="logistics">
		    <view class='dir-top-nowrap box-grow-1'>
		        <view class='express-name'>快递公司: {{express}}</view>
		        <view style="margin-bottom: 15rpx;">快递单号: {{express_no}}</view>
		        <view v-if="merchant_remark">商家物流留言: {{merchant_remark}}</view>
		    </view>
		    <image class='box-grow-0 img' src='/static/image/icon/arrow-right.png'></image>
		</view>
    </view>
</template>

<script>
    export default {
        name: 'app-order-express',
        data() {
            return {}
        },
        props: {
            express: {
                type: String,
                value: ''
            },
            express_no: {
                type: String,
                value: ''
            },
            pageUrl: {
                type: String,
                value: ''
            },
            merchant_remark: {
                type: String,
                value: ''
            }
        },
		methods:{
			logistics(){
				this.$config.weburl = 'https://m.kuaidi100.com/result.jsp?nu=' + this.express_no
				uni.navigateTo({
					url: '/pages/web2/web'
				})
			}
		}
    }
</script>

<style scoped lang="scss">
    .e-box {
        width: 100%;
    }

    .e-box .img {
        width: 12#{rpx};
        height: 24#{rpx};
    }

    .e-box .express-name {
        margin-bottom: 15#{rpx};
    }
</style>